
@import "compass/css3";
@import "base";

//
// Disable Safari Mobile automatic font upscaling in landscape mode


html {
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

@media screen and (orientation:landscape) {
  html {
    -webkit-text-size-adjust: none;
  }
}

//
// Default Layout

html,
body {
  width:100%;
  height:100%;
}

.mast {
  position: relative;
  margin: 0 auto;
  width: 960px;
  width:90%;
}

.wrap-columns {
  width:100%;
  clear:both;
  position:relative;
}

.content-column,
.region-sidebar-first,
.region-sidebar-second {
  float: left;
  word-wrap:break-word;
}

.content-column {
  width:100%;
}

.two-sidebars .main {
  margin: 0 20%;
}

.sidebar-first .main {
  margin-left: 20%;
}

.sidebar-last .main {
  margin-right: 20%;
}

.region-sidebar-first {
  width: 20%;
  margin-left: -100%;
}

.region-sidebar-second {
  width: 20%;
  margin-left: -20%;
}

.content {
  @include clearfix;
}

div.tabs {
  padding-top:0;
  padding-bottom:0;
}

//
// Drop down menus with nolink parents
//

span.nolink {
  cursor:default;
}

//
// Responsive images


img {
  max-width:100%;
  height:auto;
  -ms-interpolation-mode: bicubic;
  // Make sure borders don't overflow the grid units!
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
// max-width doesn't work if there's a bunch of width:auto divs around it
.field-name-field-image div {width:100%}

// Override max-width 100% for Gmaps & Getlocations*/
.gmap img,
.view-gmap img,
.openlayers-map img,
#getlocations_map_canvas img {
  max-width: none !important;
}

// Improve IE's resizing of images
svg:not(:root) {
  overflow: hidden;
}

//
// Attribution link


.arctica-attr-link {
  @include opacity(0.3);
  text-align:center;
  clear:both;
  padding:0.5em 0;
  font-size:90%;
  color: #444;
/*  a,a:link,
  a:visited,
  a:hover,
  a:focus,
  a:active,{
    color: #444;
  }*/
}

//
// Support for Twitter Pull


div.tweets-pulled-listing ul {
  list-style: none;
}

div.tweets-pulled-listing div.tweet-authorphoto {
  margin: 0 5px 0 0;
  float: left;
}

div.tweets-pulled-listing div.tweet-authorphoto img {
  max-height: 40px;
  max-width: 40px;
}

//
// Support for Syntaxhighlighter


.syntaxhighlighter {
  clear:both;
  border:1px solid #e0e0e0;
  padding:5px 0;
  @include opacity(0.5);
  @include transition-property(opacity);
  @include transition-duration(600ms);
  &:hover, &:focus {
    @include opacity(1);
  }
}

//
// Support for Footnotes


.footnotes {
  border-color:#ccc;
  li.footnote {
    background:none;
    padding:0;
  }
}

//
// Clean up contextual menus


.html .contextual-links-wrapper {
  ul.contextual-links, ul.contextual-links li, ul.contextual-links li a {
    margin:0;
    padding:0;
    background:#fff;
    font-size:100%;
  }
  ul.contextual-links li a {
    margin:0.25em 0;
    padding: 0.25em 1em 0.25em 0.5em;
  }
  ul.contextual-links li a:hover,
  ul.contextual-links li a:focus {
    background:#bfdcee;
  }
}

.footnotes {
  border-color:#ccc;
  li.footnote {
    background:none;
    padding:0;
  }
}

//
// Quicktabs support
//

body ul.quicktabs-style-nostyle {
  margin:0;
  @include clearfix;
  li {
    padding-left:0;
    padding-bottom:0;
    background:none;
    float:left;
    margin:0 8px -1px 0;
    list-style:none;
  }
}

div.quicktabs-style-nostyle {
  @include clearfix;
}

//
// Quicktabs module fix
// This is just here until http://drupal.org/node/1664122 gets fixed
//

.quicktabs-hide {
  @include element-invisible;
}

///
 //Configurator gears link
 //

.arctica-configurator {
  position:absolute;
  position:fixed;
  z-index:20;
  left:0;
  top:200px;
  a {
    display:block;
    overflow:hidden;
    padding:8px;
    height:32px;
    width:32px;
    background:#fff url('../images/gear.png') no-repeat 8px 8px;
    background-color:rgba(0,0,0,0.4);
    text-indent:-999999px;
    @include border-radius(0 5px 5px 0);
  }
}

//
// Arctica skinr skins

// We load the css here and not via skinr so that one could also use alternative
// methods such as block_class module, or simply in theme-specific stylesheets


.arctica-left-content {
  text-align: left; // LTR
}

// required to override drupal core
.arctica-left-content #user-login-form {
  text-align: left; // LTR
}

.arctica-center-content {
  text-align: center;
}

.arctica-center-content ul.menu {
  display: inline-block;
  text-align: center;
}

// required to override drupal core
.arctica-center-content #user-login-form {
  text-align: center;
}

.arctica-right-content {
  text-align: right; // LTR
}

// required to override drupal core
.arctica-right-content #user-login-form {
  text-align: right; // LTR
}


// Forced removal of styling added by any theme or module
.no-style,
.no-style .block-content {
  border:none!important;
  border-radius:0!important;
  outline:0!important;
  margin:0!important;
  background:none!important;
}
.no-style .block-content {
  padding:0!important;
}

.html .arctica-squared {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.html .arctica-rounded-medium {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow:hidden;
}

.html .arctica-rounded-small {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  overflow:hidden;
}

.html .arctica-rounded-large {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  overflow:hidden;
}

.html .arctica-rounded-xlarge {
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  overflow:hidden;
}

.arctica-icon-block,
.arctica-icon-block-right {
  position:relative;
}

.arctica-icon-block .block-title {
  padding-left:55px;
}

.arctica-icon-block-right .block-title {
  padding-right:55px;
  padding-left:0;
}

.arctica-icon-block  .block-icon {
  position:absolute;
  top:0;
  left:0;
}

.arctica-icon-block-right .block-icon {
  left:auto;
  right:0;
}

.arctica-xsmall {
  font-size:75%;
  line-height:1.3em;
}

.arctica-small {
  font-size:90%;
  line-height:1.3em;
}

.arctica-large {
  font-size:125%;
  line-height:1.3em;
}

.arctica-xlarge {
  font-size:150%;
  line-height:1.3em;
}

.arctica-xxlarge {
  font-size:200%;
  line-height:1.3em;
}

.arctica-xxxlarge {
  font-size:230%;
  line-height:1.3em;
}

.arctica-bold .content {
  font-weight:bold;
}

.arctica-italic .content {
  font-style:italic;
}

.arctica-underlined .content {
  text-decoration:underline;
}

.float-left {
  float:left;
}

.float-right {
  float:right;
}

.float-none {
  float:none;
}